<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-light tabs-top  tabs-striped " >

    <!-- 总览 Tab index:0 -->
    <ion-tab title="总览"  ui-sref="tab.overviews"
             on-select="vm.collect.tapSelect()">
        <ion-nav-view name="tab-overviews"></ion-nav-view>
    </ion-tab>
    <!-- 空床位 Tab index:1 -->
    <ion-tab title="空床位"
             ui-sref="tab.emptyBed" on-select="vm.collect.tapSelect()">
        <ion-nav-view name="tab-emptyBed"></ion-nav-view>
    </ion-tab>
    <!-- 晚归 Tab index:2-->
    <ion-tab title="晚归"
             ui-sref="tab.stayOutLate" on-select="vm.collect.tapSelect()">
        <ion-nav-view name="tab-stayOutLate"></ion-nav-view>
    </ion-tab>
    <!-- 宿舍查询 Tab index:3 -->
    <ion-tab title="宿舍查询"
             ui-sref="tab.accommodationInquiry" on-select="vm.collect.tapSelect()">
        <ion-nav-view name=" tab-accommodationInquiry"></ion-nav-view>
    </ion-tab>

    <ion-tab title="个人信息"
             ui-sref="tab.studentPerson" on-select="vm.collect.tapSelect()" hidden="true">
        <ion-nav-view name=" tab-studentPerson"></ion-nav-view>
    </ion-tab>

    <ion-tab title="登录"
             ui-sref="tab.login" on-select="vm.collect.tapSelect()" hidden="true">
        <ion-nav-view name=" tab-login"></ion-nav-view>
    </ion-tab>
</ion-tabs>
